<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j">
<head>
<script type="text/javascript">
    	function loadChgPhoto() {
    		$("#divChgPhoto").load("maphoto.html");
    	}
    </script>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="../style/style.css" />
<title>Tableau de bord - (nomProprietaire) - eSharing</title>
</head>

<body>

	<div class="topbarcontenu">
		<div>
			<span class="logo"><img src="images/logo.jpg" /></span> <span
				class="toplink">Bienvenue, <a href="tableaudebord.html">(nomUtilisateur)</a>
				<a href="">Déconnexion</a></span> <span class="topbarrechercher"> <h:form
					class="recherchepages">
					<input type="text" id="cetaem" class="textrecherche" maxlength="80"
						placeholder="Que voulez-vous emprunter ?" />
					<input type="submit" id="btnrechercher" value="Rechercher" />
				</h:form>
			</span>
		</div>
		<br />
		<div>
			<span class="parrainage"> <h:form id="parrainer">
					<input type="text" id="cetaem" class="mailfilleul" maxlength="80"
						placeholder="Adresse mail" />
					<input type="submit" id="btnparrain" value="Parrainer un ami !" />
				</h:form>
			</span>
		</div>
	</div>

	<div>

		<span id="lienblanc"> </span> <span id="lienPanier"
			style="float: right;"><a href="">Panier</a></span><span
			id="lienblanc" style="float: right;"> </span> <span
			id="lienMonActivite" style="float: right;"><a href="">Mon
				Activite</a></span><span id="lienblanc" style="float: right;"> </span> <span
			id="lienAlertes" style="float: right;"><a href="">Alertes</a></span><span
			id="lienblanc" style="float: right;"> </span> <span
			id="lienMessagerie" style="float: right;"><a href="">Messagerie</a></span>

	</div>

	<p></p>

	<div class="liens">

		<ul class="lienlist">
			<li><a href="">Mon compte</a>
				<ul>
					<li><a href="#" onclick="loadChgPhoto()">Ma photo</a></li>
					<li><a href="">Mes informations personnelles</a></li>
					<li><a href="">Mes congés</a></li>
					<li><a href="">Changer mot de passe</a></li>
				</ul></li>
			<li><a href="">Mon parc d'appareils</a></li>
			<li><a href="">Mon agenda</a>
				<ul>
					<li><a href="">Mes prêts</a></li>
					<li><a href="">Mes emprunts</a></li>
					<li><a href="">Mes congés</a></li>
				</ul></li>
			<li><a href="">Ma messagerie</a>
				<ul>
					<li><a href="">Messages reçus</a></li>
					<li><a href="">Messages envoyés</a></li>
				</ul></li>
			<li><a href="">Mon solde</a></li>
			<li><a href="">Mes parrainnages</a>
				<ul>
					<li><a href="">Mes filleuls</a></li>
					<li><a href="">Parrainer</a></li>
				</ul></li>
		</ul>

	</div>

	<div id="pagecontenu">

		<h2>Modifier mes informations personnelles</h2>

		<div>

			<h:form id="modifierinfomationsProprietaire">

				<table>

					<tr>

						<td>Civilité :</td>
						<td><h:selectOneMenu value="#{mbInfosPerso.civ}"
								id="civilite">
							</h:selectOneMenu><br /></td>

					</tr>

					<tr>

						<td>Nom d'utilisateur :</td>
						<td><h:inputText id="txtNomUsr" maxlength="20" placeholder=""
								value="#{mbInfosPerso.nomUtilisateur}" /><br /></td>

					</tr>

					<tr>
						<td>Courrier Électronique :</td>
						<td><h:inputText id="txtMail" maxlength="20" placeholder=""
								value="#{mbInfosPerso.courriel}" /><br /></td>
					</tr>

					<tr>

						<td>Nom :</td>
						<td><h:inputText id="txtNom" maxlength="50" placeholder="" value="#{mbInfosPerso.nom}"/><br />
						</td>

					</tr>

					<tr>

						<td>Prénom :</td>
						<td><h:inputText id="txtPrénom" maxlength="50" placeholder="" value="#{mbInfosPerso.prenom}"/><br />
						</td>

					</tr>

					<tr>

						<td>Numéro de voie :</td>
						<td><h:inputText id="txtNoVoie" maxlength="10" placeholder="" value="#{mbInfosPerso.noVoie}"/><br />
						</td>

					</tr>

					<tr>

						<td>Complément d'adresse :</td>
						<td><h:selectOneMenu id="compAd" value="#{mbInfosPerso.compl}">
							</h:selectOneMenu><br /></td>

					</tr>

					<tr>

						<td>Nom de la rue :</td>
						<td><h:inputText type="text" id="txtNomRue" maxlength="50"
								placeholder="" value="#{mbInfosPerso.nomRue}"/><br /></td>

					</tr>

					<tr>

						<td>Région :</td>
						<td><h:selectOneMenu id="region" value="#{mbInfosPerso.region}"></h:selectOneMenu><br /></td>

					</tr>

					<tr>

						<td>Département :</td>
						<td><h:selectOneMenu id="dept" value="#{mbInfosPerso.departement}">
							</h:selectOneMenu><br /></td>

					</tr>

					<tr>

						<td>Code postal :</td>
						<td><h:selectOneMenu id="cp" value="#{mbInfosPerso.codePostal}">
							</h:selectOneMenu><br /></td>

					</tr>

					<tr>

						<td>Commune :</td>
						<td><h:selectOneMenu id="commune" value="#{mbInfosPerso.commune}">
							</h:selectOneMenu><br /></td>

					</tr>

					<tr>

						<td>Numéro de téléphone (1) :</td>
						<td>+33 (0)<h:inputText id="txtNoTel1" maxlength="9"
								placeholder="" value="#{mbInfosPerso.tel1}"/><br />
						</td>

					</tr>

					<tr>

						<td>Numéro de téléphone (2) :</td>
						<td>+33 (0)<h:inputText id="txtNoTel2" maxlength="9"
								placeholder="" value="#{mbInfosPerso.tel2}"/><br />
						</td>

					</tr>

					<tr>

						<td>Date de naissance :</td>
						<td><rich:calendar id="dateNaissance" placeholder="" value="#{mbInfosPerso.dateNaissance}"/><br />
						</td>

					</tr>

					<tr>

						<td>Autobiographie :</td>
						<td><h:inputTextarea name="autobiographie" cols="25" rows="5"
								maxlength="1024" value="#{mbInfosPerso.autobiographie}"/> <br /></td>

					</tr>


				</table>

				<h:commandButton value="Appliquer les modifications" action="#{mbInfosPerso.appliquerModifs()}"/>
				<span style="float: right"><h:commandLink
						value="Changer mot de
						passe" /></span>
				<span style="float: right"><h:commandLink
						value="Me désinscrire du
						système" /></span>
			</h:form>

		</div>

	</div>

	<div id="goodies">

		<ul id="sociallinks" style="float: right">
			<li><a href="@sadfdsafdfd">FB</a></li>
			<li><a href="@sadfdsafdfd">TW</a></li>
			<li><a href="@sadfdsafdfd">G+</a></li>
			<li><a href="@sadfdsafdfd">RSS</a></li>
		</ul>

	</div>

	<div class="footer">
		<span style="align: left"> <a href="/trust">Confiance et
				sécurité</a>
		</span> <span style="align: left"> <a href="/about/about-us">A
				propos</a>
		</span>
	</div>

</body>

</html>